<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商城</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
</head>
<body>
    <header></header>
    <main>
         <div class="xianliang">
             <img src="/img/index/20190219135203_178213.jpg" alt="">
             <div class="swiper-container lunbo" id="banner">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="/img/index/20190219114847_322871.jpg" alt="" />
                    </div>
                    <div class="swiper-slide">
                        <img src="/img/index/20190219115946_930652.jpg" alt="" />
                    </div>
                    
                </div>
                <!-- 如果需要分页器 -->
                <div class="banner-pagination swiper-pagination"></div>
    
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev boult prev"></div>
                <div class="swiper-button-next boult next"></div>
            </div>
         </div>
         <div class="pai">
            <h3>PAI赛事限定 <button class="btn btn-warning">更多</button></h3>
            <ul id="categoryList">

            </ul>
            <script type="text/html" id="categoryListTemplate">
                {{each list item}}
                    <li>
                        <a href="/html/list.html"><img src="{{item.src}}" alt=""></a>
                            <p>
                                {{item.title}}
                                <em>
                                    {{item.price}}
                                </em>
                                <span>
                                    {{item.newprice}}
                                </span>
                            </p>
                    </li>
                {{/each}}
            </script>
            <img src="/img/index/20191017114501_942228.jpg" alt="">
        </div>   
        <div class="pai">
            <h3>周年纪念礼盒 <button class="btn btn-warning">更多</button></h3>
            <div class="lihe">
                <img src="/img/index/20190325143843_876556.jpg" alt="">
                <div class="jinianlihe">
                    <ul id="pddList">
                        
                    </ul>
                    <script type="text/html" id="pddListTemplate">
                        {{each list item}}
                        <li><a href="/html/details.html">
                            <img src="{{item.hd_thumb_url}}" alt="">
                            <p>{{item.goods_name.slice(0,10)+'...'}}</p>
                            
                        </a></li> 
                        {{/each}}
                    </script>
                </div>
            </div>
        </div>     
        <div class="pai">
            <h3>推荐专区<button class="btn btn-warning">更多</button></h3>
            <div class="lihe">
                <img src="/img/index/20191017114357_529785.jpg" alt="">
                <ul>
                    <li><a href="">
                        <img src="img/index/20190412151435_213984.jpg" alt="">
                        <p>98k警告T恤</p>
                    </a></li>
                    <li><a href="">
                        <img src="img/index/20190412151435_213984.jpg" alt="">
                        <p>98k警告T恤</p>
                    </a></li>
                    <li><a href="">
                        <img src="img/index/20190412151435_213984.jpg" alt="">
                        <p>98k警告T恤</p>
                    </a></li>
                    <li><a href="">
                        <img src="img/index/20190412151435_213984.jpg" alt="">
                        <p>98k警告T恤</p>
                    </a></li>
                </ul>
            </div>
        </div>       
    </main>
    <footer>  </footer>
    
    <script src="/libs/require.min.js" data-main="/js/index"></script>
</body>
</html>
 